<meta charset="UTF-8">

	<style>
* {
	padding: 0;
	marging: 0;
}

body {
	background: #666;
	font-family: 'Quicksand', sans-serif;
}
.logo{
  padding: 30px 10px;
  width: 200px;
  text-align: center;
  color: #FFF;
  font-size: 20px;
  display:block;
  cursor:pointer;
}
.left {
	display: block;
	width: 200px;
	position: fixed;
	background: #222;
	bottom: 0;
	top: 28px;
}

.line {
	background: #363636;
	height: 1px;
	display: block;
	width: 100%;
}

.section {
	width: 100%;
	margin-left: 0px;
	position: relative;
	height: 37px;
	display: block;
	padding: 10px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #363636;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #363636;
	cursor: pointer;
}

ul {
	color: #FFF;
}

li {
	list-style: none;
}

.selected {
	background: #363636;
}

.content {
	padding: 10px;
	margin-left: 10px;
	cursor: pointer;
	display: none;
}
.content li{
	margin:5px;
}
.selectli{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #363636;
}
a:link {text-decoration:none;color:#fff;}
a:visited {text-decoration:none;color:#fff;}
a:hover {text-decoration:none;color:#fff;}
a:active {text-decoration:none;color:#fff;}
</style>
	<div class="left">
		
		
		<span class="logo" onclick="window.location.href='/index.php/Home/Index/index.html'">
		LJM
		</span>
	<ul>
			<li><span class="section selected"> 文章分类 </span>
				
					<ul class="content"style="display:block;">
					<volist id="vo" name="articletype">
						<li onclick="show({$vo.id});">{$vo.name}({$vo.nums})</li>
					</volist>
					</ul>
			</li>
			<li><span class="section" id="function"> 功能中心 </span>
				
					<ul class="content" id="functionul" >
						<li><a href="/index.php/Admin/Index/index">后台管理</a></li>
						<li id="user"><a href="/index.php/Home/Index/user">个人中心</a></li>
					</ul>
				</li>
		</ul>
	</div>
<script>
$(".section").hover(function(){
	$(this).addClass("selected");
},function(){
	$(this).removeClass("selected");
});
$(".section").click(function(){
	$(this).next(".content").toggle(200);
});
$(".content li").hover(function(){
	$(this).addClass("selectli");
},function(){
	$(this).removeClass("selectli");
});
</script>
<script type="text/javascript">
//选择分类
function show(type){
	window.location.href="/index.php/Home/Index/index.html?type="+type;
}
$(function(){
	if("{$Think.ACTION_NAME}"=="user"){
		$("#function").addClass("selected");
		$("#user").addClass("selectli");
		$("#functionul").css("display","block");
	}
});
{$Think.MODULE_NAME}
{$Think.CONTROLLER_NAME}

</script>

